<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/app.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/util/utils.css" />
	</head>
	<body>
		<div id="chartLine" style="width: 360px; height: 185px;">
			
		</div>
		<br /><br />
		<a href="chart.html">评测图</a>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/plugin/echarts.js"></script>
	<script>
		var $chartLine = echarts.init(document.getElementById("chartLine"));
		var $option = {
			title : {
				text : "3有评测"
			},
			tooltip : {
				trigger: 'axis'
			},
			legend: {
		        data:['快乐','自信','动力']
		    },
			grid: {
		        left: '3%',
		        right: '4%',
		        bottom: '3%',
		        containLabel: true
		    },
			xAxis : {
				type: 'category',
        		boundaryGap: false,
				data : [1, 2, 3, 4]
			},
			yAxis : {
				type : "value"
			},
			series : [{
				name : "快乐",
				type : "line",
				data : [10, 13, 6, 12]
			},{
				name : "自信",
				type : "line",
				data : [3, 13, 14, 4]
			},{
				name : "动力",
				type : "line",
				data : [15, 7, 11, 13]
			}]
		};
		$chartLine.setOption($option);
	</script>
</html>
